<template>
	<view class="box">
		<view class="box-item">
			<view class="box-big">
				大图
			</view>
			<view class="box-it">
				<view class="item-img">
					1
				</view>
				<view class="item-img">
					2
				</view>
				<view class="item-img">
					3
				</view>
			</view>
		</view>
		<view class="box-item">
			<view class="box-big">
				大图
			</view>
			<view class="box-it">
				<view class="item-img">
					1
				</view>
				<view class="item-img">
					2
				</view>
				<view class="item-img">
					3
				</view>
			</view>
		</view>
	</view>

</template>

<script>
</script>

<style scoped>
	.box {
		padding: 20rpx;
	}

	.box-item {
		display: flex;
		flex-direction: column;
		border-radius: 20rpx;
		border: 2rpx solid #ccc;
		overflow: hidden;
		margin: 20rpx;
	}
	.box-big{
		width: 100%;
		height: 240rpx;
	}
		
	.box-it{
		display: flex;
	}
	.item-img{
		width: 33.33%;
		height: 200rpx;
		background-color: aquamarine;
	}
</style>